<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="x5-fullscreen" content="true">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>我懂你的了不起</title>
<script type="text/javascript">
    !function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        console.log(sUserAgent)
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
        if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
            window.location.href = './pc/';
        }
    }();
    window.DS_CONFIG = {
        'page_1_next': '去点赞',
        'page_2_next': '开始游戏',
        'page_2_img_1': '海报母亲',
        'page_2_img_2': '海报消防员',
        'page_2_img_3': '海报医生',
        'page_2_img_4': '海报自己',
        'page_2_img_5': '海报“蜘蛛人”',
        'page_2_img_6': '海报双亲',
        'page_2_like_1': '为母亲点赞',
        'page_2_like_2': '为消防员点赞',
        'page_2_like_3': '为医生点赞',
        'page_2_like_4': '为自己点赞',
        'page_2_like_5': '为“蜘蛛人”点赞',
        'page_2_like_6': '为双亲点赞',
        'page_5_tag_1': '选择标签1',
        'page_5_tag_2': '选择标签2',
        'page_5_tag_3': '选择标签3',
        'page_5_tag_4': '选择标签4',
        'page_5_tag_5': '选择标签5',
        'page_5_tag_6': '选择标签6',
        'page_5_tag_7': '选择标签7',
        'page_5_tag_8': '选择标签8',
        'page_3_reset': '重新选择照片',
        'page_3_finish': '生成照片',
        'page_3_upload': '开始拍照',
        'page_4_qrcode': '点击二维码',
        'page_4_save': '点击保存',
        'page_4_restartgame': '再来一次',
        'shareback_startgame': '重新选择照片',
        'page_3_reset': '我也要玩'
    };
</script>
    <link rel="stylesheet" type="text/css" href="http://oss.imconfig.com/test/src/pack.css">
    <script id="DS_PRE_JS" type="text/javascript" src="http://cdn.datastory.com.cn/js/pre-ds-min.js?dsTid=a0eeade5-fd56-406e-9995-833a7e31a669"></script>
<script type="text/javascript" src="http://pingjs.qq.com/h5/stats.js" name="MTAH5" sid="500159656" cid="500159664"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>
<script type="text/javascript" src="http://oss.imconfig.com/test/src/init.js"></script>
<script type="text/javascript" src="http://oss.imconfig.com/test/src/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://tcss.qq.com/ping.js?v=1VERHASH" charset="utf-8"></script>
    <script type="text/javascript" src="http://oss.imconfig.com/test/src/idangerous.swiper.min.js"></script>
    <script type="text/javascript">
        window._imconfig = {
            initList: ['index', 'show', 'make', 'loading'],
            pageName: 'index'
        };
    </script>
    <style type="text/css">
        #make,#show-page{
            opacity: 0;
            pointer-events: none;
            z-index: 1;
            &.in-index-page{
                opacity: 1;
            }
        }
    </style>
</head>
<body>
    <div id="model-loading">
        <p class="fo">Loading....</p>
        <div class="mmm">
            <div class="white"></div>
            <div class="bule" id="loading-schedule"></div>
        </div>
    </div>
    <div class="index-border"></div>
    <div id="index" class="index">
        <img class="index-2" src="http://oss.imconfig.com/test/src/images/2.png">
        <img class="index-3" src="http://oss.imconfig.com/test/src/images/3.png">
        <img class="index-4" src="http://oss.imconfig.com/test/src/images/4.png" id="next-page"></div>
    <div id="show" class="show">
        <div class="page-content swiper-wrapper">
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
            <div class="page-ct swiper-slide">
                <div class="page-text"></div>
                <div class="like-btn-bg page-btn"></div>
                <div class="good-number">
                    <div class="num-of-this"></div>
                </div>
            </div>
        </div>
        <img id="go-make" class="show-btn" src="http://oss.imconfig.com/test/src/images/1.2.png">
        <div class="show-select"></div>
    </div>
    <div id="make" class="make">
    <img class="show-title" src="http://oss.imconfig.com/test/src/images/make.title.png">
    <img class="show-main" src="http://oss.imconfig.com/test/src/images/make.main.png">
    <img id="make-begin" class="show-begin" src="http://oss.imconfig.com/test/src/images/make.begin.png">
    <img id="make-go" class="show-make" src="http://oss.imconfig.com/test/src/images/make.make.png">
    <div class="select-pic no-poto">
      <input id="get-poto" class="get-poto" type="file" accept="image/*" capture="camera">
      <img src="http://oss.imconfig.com/test/src/images/make.pic.png">
    </div>
    <div class="has-poto"></div>
    <div class="select-text">
      <div id="page" class="text-ct">
        <img class="child-1" src="http://oss.imconfig.com/test/src/images/make.text.1.png">
        <img class="child-2" src="http://oss.imconfig.com/test/src/images/make.text.2.png">
        <img class="child-3" src="http://oss.imconfig.com/test/src/images/make.text.3.png">
        <img class="child-4" src="http://oss.imconfig.com/test/src/images/make.text.4.png">
        <img class="child-5" src="http://oss.imconfig.com/test/src/images/make.text.5.png">
        <img class="child-6" src="http://oss.imconfig.com/test/src/images/make.text.6.png">
        <img class="child-7" src="http://oss.imconfig.com/test/src/images/make.text.7.png">
        <img class="child-8" src="http://oss.imconfig.com/test/src/images/make.text.8.png">
      </div>
    </div>
    <div class="text-select-ct">
        <div text-index="1"><i></i></div>
        <div text-index="2"><i></i></div>
        <div text-index="3"><i></i></div>
        <div text-index="4" class="select-this"><i></i></div>
        <div text-index="5"><i></i></div>
        <div text-index="6"><i></i></div>
        <div text-index="7"><i></i></div>
        <div text-index="8"><i></i></div>
    </div>
    <div class="up-loading-post">
        <img src="http://oss.imconfig.com/test/src/images/loading.gif">
    </div>
</div>
    <div id="show-page" class="show-page" adaptation-container-element="1080">
  <div class="user"></div>
  <div id="qrcode"></div>
  <div id="show-save-id" class="save"></div>
  <div class="btn" id="to-make"></div>
  <div class="line"></div>
  <div class="line-2"></div>
  <div class="show-pre" id="show-go-back"></div>
  <div class="show-text"></div>
  <div class="logo-2"></div>
</div>
<div id="show-save-btn">
	<div class="text-content">
		<span>请截屏保存整图</span>
		<br>
		<span class="text-content-big">让更多人为TA的了不起点赞</span>
	</div>
</div>

    <script type="text/javascript" src="http://oss.imconfig.com/test/src/pack.js"></script>
    <!-- <script type="text/javascript" src="src/wx.js"></script>
    <script type="text/javascript" src="src/loading.js"></script>
    <script type="text/javascript" src="src/touch.js"></script>
    <script type="text/javascript" src="src/lib-touch.js"></script>
    <script type="text/javascript" src="src/exif.js"></script>
    <script type="text/javascript" src="src/jquery.qrcode.min.js"></script>
    <script type="text/javascript" src="src/index.js"></script>
    <script type="text/javascript" src="src/show.js"></script>
    <script type="text/javascript" src="src/make.js"></script> -->
    <div id="orientationMask">
    <img src="http://oss.imconfig.com/test/src/images/orientation.png" alt="">
</div>
<div id="music">
    <audio preload="preload" loop src="http://oss.imconfig.com/test/src/m.mp3"></audio>
</div>
<script type="text/javascript">
function myPlayMusic(){
    var $music = $('#music');
    var music = $music.find('audio')[0];

    music.volume = 0.5;
    $music.show();
    var isPlay = true;
    if(getUrlParam('dskid') == 'ccc053'){
      isPlay = false;
    }
    if(isPlay){
      play();
    }else{
      stop();
    }
    $music.on('touchstart', function() {
        if(isPlay){
          stop();
        }else{
          play();
        }
    });
    function stop(){
      music.pause();
      music.currentTime = 0;
      isPlay = false;
      $music.addClass('forbid');
    }
    function play(){
      music.play();
      isPlay = true;
      $music.removeClass('forbid');
    }
}
myPlayMusic();
</script>
</body>
</html>